<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>芯片扫描入库</title>
		<link rel="stylesheet" href="./layui/css/layui.css">
		<!-- <link rel="stylesheet" href="./4/lumen/bootstrap.css" media="screen"/> -->
		<script src="./layui/layui.js"></script>
		<script src="./js/jquery.min.js"></script>
		<script src="./js/jquery.qrcode.min.js"></script>
		<script>
			$(document).ready(function(){
				layui.use(['form','element'], function(){
				});
				var print_click = "print"; //打印的按钮的id
				$("#" + print_click).bind("click", function(){
					//这里按下之后是生成二维码
					$("#qrcodeTable").html("");
					$("#PO_Str").html('<big><b>订单编号:</big></b><br/>'+$("#pocode").val());
					$("#qrcodeTable").qrcode({
						render: "table", // 渲染方式有table方式（IE兼容）和canvas方式
						width: 120, //宽度
						height: 120, //高度
						text: utf16to8($("#pocode").val()), //内容
						typeNumber: -1,//计算模式
						correctLevel: 2,//二维码纠错级别
						background: "#ffffff",//背景颜色
						foreground: "#000000" //二维码颜色
					});
					var print_id = "print_content"; //要打印的div的id
					var k = $("#" + print_id).prop("outerHTML");
					<!-- $("body *").hide(); -->
					var myWindow=window.open('','');//定义一个打开的窗口给一个变量
					myWindow.document.write(k);//js原生打印画面方法
					myWindow.print();//打开的窗口打印
					<!-- $("body").append(k); -->
					<!-- window.print(); -->
					<!-- $("body *").show(); -->
					<!-- $("body #" + print_id + ":last").remove() -->
				});
				//这里载入之后是生成二维码
				$("#PO_Str").html($("#pocode").val());
				$("#qrcodeTable").qrcode({
					render: "table", // 渲染方式有table方式（IE兼容）和canvas方式
					width: 120, //宽度
					height: 120, //高度
					text: utf16to8($("#pocode").val()), //内容
					typeNumber: -1,//计算模式
					correctLevel: 2,//二维码纠错级别
					background: "#ffffff",//背景颜色
					foreground: "#000000" //二维码颜色
				});
			});
			function utf16to8(str) {
				var out, i, len, c;
				out = "";
				len = str.length;
				for (i = 0; i < len; i++) {
					c = str.charCodeAt(i);
					if ((c >= 0x0001) && (c <= 0x007F)) {
						out += str.charAt(i);
					} else if (c > 0x07FF) {
						out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
						out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
						out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
					} else {
						out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
						out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
					}
				}
				return out;
			}
		</script> 
	</head>
	<body>
		<!-- 临时测试区 -->
		<div class="layui-tab">
			<ul class="layui-tab-title">
				<li class="layui-this">生成自定义二维码</li>
				<li>按条件查询导出</li>
			</ul>
			<div class="layui-tab-content">
				<div class="layui-tab-item layui-show">
					<!-- 这里是需要打印的区域,也就是二维码区域 -->
					<div id="print_content">
						<div align="left" class="layui-row">
							<div id="qrcodeTable" class="layui-col-sm2"></div>
						</div>
						<div align="left" class="layui-row">
							<div id="PO_Str" class="layui-col-sm2"></div>
						</div>
					</div>
					<br/>
					<!-- 这里包一个生成二维码的功能 -->
					<div class="layui-input-inline">
						<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入PO号" class="layui-input" id='pocode'>
					</div>
					<br/>
					<button class="layui-btn layui-btn-normal layui-btn-radius layui-btn-xs" id="print">生成二维码并打印</button>
				</div>
				<div class="layui-tab-item">
					<!-- 这里包一个数据库查询的功能 -->
					<form action="SelectRK2CSV.php" method="post">
						<div class="layui-input-inline">
							开始时间: <input class="layui-input" name="title" lay-verify="title" autocomplete="off" type="date" name="sjj1">
							结束时间: <input class="layui-input" name="title" lay-verify="title" autocomplete="off" type="date" name="sjj2">
							<br/>
							芯片料號: <input class="layui-input" name="title" lay-verify="title" autocomplete="off" autocomplete="off" type="text" name="ChLiaoHao">
							<br/>
							<input type="submit" class="layui-btn layui-btn-normal layui-btn-radius layui-btn-xs" value=导出>
						</div>
						<br/>
						(提示:导出日期要同時指定開始時間和結束時間
						<br/>
						,结束时间要大于当天才能导出当天的记录)
					</form>
				</div>
			</div>
		</div>
		<!-- 这里是临时测试区结尾标识 -->

		<!-- 这里包一个芯片料号信息核对和先进先出的功能 -->
		<fieldset class="layui-elem-field site-demo-button">
			<legend>芯片扫描入库,先进先出规划</legend>
			<div class="layui-fluid layui-form layui-form-pane">
				<div class="layui-row layui-form-item ">
					<div class="layui-col-sm3">
						<label class="layui-form-label" for="inputDefault">芯片料號:</label>
						<div class=" layui-input-block">
							<input class="layui-input" placeholder="A101900" id="co" type="text"/>
						</div>
					</div>	
					<div class="layui-row layui-form-item" id="coDesc">	
					</div>
					<div class="layui-row layui-form-item">
					<label class="layui-col-sm1 layui-form-label" for="inputDefault">掃描二維碼:</label>
						<div class="layui-input-block">
							<input class="layui-col-sm11 layui-input" placeholder="s-35ebmup-a,17c26183224504307,452ci210,4200,vf:3.01,3.04,3.10,0.02,po:220.0,224.5,229.9,2.62,wd:452.5,453.5,455.0,0.69,0b-00-f1-00k-a02-y" id="qr" type="text"/>
						</div>
					</div>
					<div class="layui-row layui-form-item">
						<div class="layui-col-sm3">
							<label class="layui-form-label" for="inputDefault">累加量:</label>
							<div class="layui-input-block">
								<input readonly=""  class="layui-input"  id="sqty" type="text"/>
							</div>
						</div>
						
						<div class="layui-col-sm3 layui-col-md-offset1">
							<label class="layui-form-label" for="inputDefault">每包累計:</label>
							<div class="layui-input-block">
								<input   class="layui-input"  id="esqty" type="text"/>
							</div>
						</div>
						
						<div class="layui-col-sm2">
							<button class="layui-btn layui-btn-normal layui-col-md-offset1" type="button" id="Clearesqty" >清除每包累计</button>
						</div>
					</div>
					<!-- 外键20180228150653001序号 -->
					<div class="layui-row">	
						<table class="layui-table lay-even">
							<thead>
								<tr class="table-active">
									  <th width="10%" scope="col">芯片<br>料號</th>
									  <th width="10%" scope="col">掃描<br>品號</th>
									  <th width="17%" scope="col">掃描<br>批號</th>
									  <th width="10%" scope="col">掃描<br>規格</th>
									  <th width="7%" scope="col">電壓<br>最小值</th>
									  <th width="7%" scope="col">電壓<br>最大值</th>
									  <th width="7%" scope="col">亮度<br>最小值</th>
									  <th width="7%" scope="col">亮度<br>最大值</th>
									  <th width="7%" scope="col">主波長<br>最小值</th>
									  <th width="7%" scope="col">主波長<br>最大值</th>
									  <th width="7%" scope="col">數量</th>
									  <th width="7%"  scope="col">序号</th>
									  <th width="7%"  scope="col">删除键</th>
								</tr>
							</thead>
							<tbody id="blues">
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</fieldset>
		
		<p class="lead">
			<a class="layui-btn layui-btn-normal" href="index.html" role="button">返回</a>
		</p>
		
		<script>
			var sum = 0;
			var sum1 = 0;
			var i = 0;
			var del_id = null;
			var JiShu = 0;
			var disks;
			var disksB;
			var cks=new Array(20);
			var v1=0,v2=0,v3=0,v4=0,v5=0,v6=0,v7=0,h1=0,h2=0,h3=0,h4=0,h5=0,h6=0,h7=0,w1=0,w2=0,w3=0,w4=0,w5=0,w6=0,w7=0;
			$("#co").keypress(function(e){ //WO工单号按下回车后的代码
				$("ul").find("li").remove(); //ul里找到li然后删除
				var key = e.which;
				if (key == 13) {
					$.ajax({ url: "getChipLiaoHao.php?lot="+$("#co").val(), 
						dataType : "text",
						success: function(data){
							console.log(data);
							cos=data.split(",");//A2713F0,晶片/S-35EBMUP-A(E),22*35mil,452.5-455,220-230,2.9-3.2
							//如果v1字符不包含分號,就啟用原來的版本
							v2=parseFloat(cos[5].split("-")[0]);//v2=舊電壓小
							console.log(v2);
							v3=parseFloat(cos[5].split("-")[1]);//v3=舊電壓大
							console.log(v3);
							//v2=parseFloat(cos[4].split("-")[1]);//v2=舊電壓規則
							
							//如果h1字符不包含分號,就啟用原來的版本
							h2=parseFloat(cos[4].split("-")[0]);//h2=舊亮度小
							console.log(h2);
							h3=parseFloat(cos[4].split("-")[1]);//h2=舊亮度大
							console.log(h3);
							//h2=parseFloat(cos[5].split("-")[1]);//h2=舊亮度規則
							
							//如果w1字符不包含分號,就啟用原來的版本
							w2=parseFloat(cos[3].split("-")[0]);//w1=工单波长小
							w3=parseFloat(cos[3].split("-")[1]);//w2=工单波长大
							$("#coDesc").text("");// 清空数据
							$("#blues").text("");// 清空累积的数据
							sum = 0;
							sum1 = 0;
							$("#sqty").val(sum);//这里是数量合计
							$("#esqty").val(sum1);//这里是数量合计
							html = 
								'<table class="layui-table lay-even">'+
								'  <thead>'+
								'	<tr class="table-active">'+
								'	  <th scope="col">芯片<br>料號</th>'+
								'	  <th scope="col">芯片<br>規格</th>'+
								'	  <th scope="col">芯片<br>尺寸</th>'+
								'	  <th scope="col">芯片<br>波長</th>'+
								'	  <th scope="col">芯片<br>亮度</th>'+
								'	  <th scope="col">芯片<br>電壓</th>'+
								'	</tr>'+
								'  </thead>'+
								'  <tbody>'+
								'	<tr >'+
								'	  <th scope="row">'+$("#co").val()+'</th>'+//芯片料號
								'	  <td>'+cos[1]+'</td>'+//芯片規格
								'	  <td>'+cos[2]+'</td>'+//芯片尺寸
								'	  <td>'+cos[3]+'</td>'+//芯片波長
								'	  <td>'+cos[4]+'</td>'+//芯片亮度
								'	  <td>'+cos[5]+'</th>'+//芯片電壓
								'	</tr>'+
								'  </tbody>'+
								'</table>';	
							
							$("#coDesc").append(html);	
						}
					});		  
					$("#qr").focus();
				}
			});	
			//S-30MBMUD-C,17C120650VY008212,457CI155,17045,   --3
			//VF:3.02,3.07,3.10,0.02,  --4，5，6，7
			//PO:155.0,156.7,161.0,1.11, --8，9，10，11
			//WD:457.5,458.2,460.0,0.58,--12，13，14，15
			//00-00-F1-000-000-V
			$("#qr").keypress(function(e){//二维码的输入框按下回车
				var key = e.which;
				if (key == 13) {
					qrs=$("#qr").val().split(",");//把二维码的内容拆分
					i++;
					bg="";//
					vb=parseFloat(qrs[4].split(":")[1]);//vb=扫描电压小
					if (vb<v2) {bg1='class="layui-bg-red"';} else {bg1='class="layui-bg-green"';}  
					ve=parseFloat(qrs[6]);//ve=扫描电压大
					if (ve>v3) {bg2='class="layui-bg-red"';} else {bg2='class="layui-bg-green"';}  
					hb=parseFloat(qrs[8].split(":")[1]);//hb=扫描亮度小
					if (hb<h2) {bg3='class="layui-bg-red"';} else {bg3='class="layui-bg-green"';}
					he=parseFloat(qrs[10]);//he=扫描亮度大
					if (he>h3) {bg4='class="layui-bg-red"';} else {bg4='class="layui-bg-green"';}
					wb=parseFloat(qrs[12].split(":")[1]);//wb=扫描波长小
					if (wb<w2) {bg5='class="layui-bg-red"';} else {bg5='class="layui-bg-green"';}
					we=parseFloat(qrs[14]);//we=扫描波长大
					if (we>w3) {bg6='class="layui-bg-red"';} else {bg6='class="layui-bg-green"';}
					
					//SAVE DB这里开始传输数据到数据库存储
					//日期时间, 芯片料號, 成品料号, 芯片料号, 芯片规格, 芯片电压, 芯片亮度, 芯片波长, 扫描品号, 扫描批号, 扫描规格, 扫描电压小, 扫描电压大, 扫描亮度小, 扫描亮度大, 扫描波长小, 扫描波长大, 数量, 二维码内容
					//date函数, Str1传入Chip_item参数,传递到php
					//文本=`工单号···················成品料号······芯片料号······规格``·······电压```········亮度```·······波长```·```·工单数量·`````··扫描品号········批号``········规格`········扫描电压小··大······亮度小·····大·······波长小·····大·········数量········二维码内容··········外键
					JiShu += 1;
					var time1 = new Date().format("yyyyMMddhhmmss");
					del_id = time1+JiShu;
					//2018-3-13 13:41:58注釋:原值備份$Str1 = "'"+$("#co").val()+"', '"+cos[0]+"', '"+cos[1]+"', '"+cos[3]+"', '"+cos[4]+"', '"+cos[5]+"', '"+cos[6]+"', '"+cos[2]+"', '"+qrs[0]+"', '"+qrs[1]+"', '"+qrs[2]+"', '"+vb+"', '"+ve+"', '"+hb+"', '"+he+"', '"+wb+"', '"+we+"', '"+qrs[3]+"', '"+$("#qr").val()+"', '"+del_id+"'"
					$Str1 = 
						"'"+$("#co").val()+
						"', '"+cos[1]+
						"', '"+cos[2]+
						"', '"+cos[3]+
						"', '"+cos[4]+
						"', '"+cos[5]+
						"', '"+qrs[0]+
						"', '"+qrs[1]+
						"', '"+qrs[2]+
						"', '"+v2+
						"', '"+v3+
						"', '"+h2+
						"', '"+h3+
						"', '"+w2+
						"', '"+w3+
						"', '"+qrs[3]+
						"', '"+$("#qr").val()+
						"', '"+del_id+
						"','"+$("#pocode").val()+"'"
					;
					console.log($Str1);
					$.ajax({ url: "Set2RK.php?Chip_item="+$Str1,
						dataType : "text",
						success: function(data){
							console.log(data);
						}
					});
					html=	
						'<tr id='+del_id+'>'+
						'	  <td>'+$("#co").val()+'</td>'+//芯片料號,这里是输出网页代码
						'	  <td>'+qrs[0]+'</td> '+//扫描品号
						'	  <td  style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">'+qrs[1]+'</td>'+//扫描批号
						'	  <td>'+qrs[2]+'</td>'+//扫描规格
						'	  <td '+bg1+' id="v'+i.toString()+'">'+vb+'</td>'+//扫描电压小
						'	  <td '+bg2+' id="vv'+i.toString()+'">'+ve+'</td>'+//扫描电压大
						'	  <td '+bg3+' id="h'+i.toString()+'">'+hb+'</td>'+//扫描亮度小
						'	  <td '+bg4+' id="hh'+i.toString()+'">'+he+'</td>'+//扫描亮度大
						'	  <td '+bg5+' id="w'+i.toString()+'">'+wb+'</td>'+//扫描波长小
						'	  <td '+bg6+' id="ww'+i.toString()+'">'+we+'</td>'+//扫描波长大
						'	  <td>'+qrs[3]+'</td>'+//扫描数量
						'	  <td>'+del_id+'</td> '+//数据库序号
						'	  <td><button type="button" class="layui-btn layui-btn-normal" onclick="showDetails(this)" id="del'+del_id+'"  data-delid-qty="'+qrs[3]+'"  data-delid-type="'+del_id+'" >刪除</button>  </td> '+
						'</tr>';
					sum +=parseFloat(qrs[3]);	
					sum1 +=parseFloat(qrs[3]);
					$("#sqty").val(sum);//这里是所有数量合计
					$("#esqty").val(sum1);//这里是每包数量合计,提供手动清零
					//这里准备在芯片当前信息框内写入当前二维码信息
					$("#blues").prepend(html);
					$("#qr").select();
				}
			});
			function showDetails(del_id){
				var delidType = del_id.getAttribute("data-delid-type");//这个是Del_Id
				var cutqty = del_id.getAttribute("data-delid-qty");//这个是要删减的值
				$.ajax({ url: "Del4Chiprk.php?del_id="+delidType, 
					dataType : "text",
					success: function(){
						XiaoMie = "#"+delidType;
						$(XiaoMie).remove();
						$(XiaoMie).remove();
						sum =$("#sqty").val()-parseFloat(cutqty);
						sum1 =$("#esqty").val()-parseFloat(cutqty);
						$("#sqty").val(sum);//这里是数量合计
						$("#esqty").val(sum1);//这里是数量合计
					}
				});
			}
			$("#Clearesqty").on('click',function(){
				sum1=0;
				$("#esqty").val(sum1);
			});
		
			<!-- 这里是日期格式化公式 -->
			Date.prototype.format = function(fmt) { 
				var o = { 
					"M+" : this.getMonth()+1,                 //月份 
					"d+" : this.getDate(),                    //日 
					"h+" : this.getHours(),                   //小时 
					"m+" : this.getMinutes(),                 //分 
					"s+" : this.getSeconds(),                 //秒 
					"q+" : Math.floor((this.getMonth()+3)/3), //季度 
					"S"  : this.getMilliseconds()             //毫秒 
				} 
				if(/(y+)/.test(fmt)) {
					fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length)); 
				}
				for(var k in o) {
					if(new RegExp("("+ k +")").test(fmt)){
						fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
					}
				}
				return fmt; 
			}
		</script>
	</body>
</html>